<template>
    <DetailTopBackground :topBack="topBack" :logoImg="logoImg"/>
    <GameDescription/>
    <GamesNews :news="news"/>
    <StayUptoDate/>
    <CarouselVideo :allVideos="allVideos"/>
</template>

<script setup>
import GameDescription from "@/views/Games/components/hayday/GameDescription.vue";
import DetailTopBackground from "@/views/Games/components/DetailTopBackground.vue";
import GamesNews from "@/views/Games/components/GamesNews.vue";
import CarouselVideo from "@/views/Games/components/CarouselVideo.vue";
import StayUptoDate from "@/views/Games/components/hayday/StayUptoDate.vue";
import {reactive, ref} from "vue";

const topBack = ref("/src/assets/img/games/farm/topBack01.webp")
const logoImg = reactive({
    pic: '/src/assets/img/games/farm/logo.webp',
    width: '13%'
})

const news = reactive([
    {
        id: '001',
        category: 'Hay Day',
        title: 'Hay Day Fall 2023 Update Available!',
        pic: '/src/assets/img/games/farm/news01.webp',
        router: 'commonNews',
        date: '18 Sept 2023',
        commonTitle: 'Hay Day Fall 2023 Update<br/>Available!',
        content: 'A new Update is live in Hay Day! Check out the EGGcellent new content that’s just been released for our Fall Update!New Production Building: Porridge BarApple PorridgeFresh PorridgeSweet PorridgeNew Crop:OatsPineapple Coconut Bar (Bakery)Rich Soap (Bath Kiosk)Breakfast Bowl (Yoghurt Maker)New Birds! the PENGUINSBlue PenguinGray PenguinPenguins\' Decorations (Sand Plant & Floating Trunk)And more UI Improvements and bug fixes!#HayDay'
    }
])

const allVideos = reactive([
    {
        id: "001",
        src: "/src/assets/video/farm/video01.mp4",
        poster: "/src/assets/img/games/farm/poster/poster01.webp",
        description: "Too Much Wool"
    },
    {
        id: "002",
        src: "/src/assets/video/farm/video02.mp4",
        poster: "/src/assets/img/games/farm/poster/poster02.webp",
        description: "Cake"
    },
    {
        id: "003",
        src: "/src/assets/video/farm//video03.mp4",
        poster: "/src/assets/img/games/farm/poster/poster03.webp",
        description: "Neighborhood Group Hug"
    },
    {
        id: "004",
        src: "/src/assets/video/farm//video04.mp4",
        poster: "/src/assets/img/games/farm/poster/poster04.webp",
        description: "360 hug"
    }
]);
</script>

<style scoped>

</style>